/<template>
  <div class="user">
      这是用户页面
      <p>用户名:{{userInfo.name}}</p>
      <!-- 第三方登录头像 -->
      <img :src="userInfo.avatar_url" alt="">
      <!-- 文件上传 -->
      <input type="file" ref="picture">
      <button @click="uploadAvatar">上传图片</button>
      <img :src="imgUrl" alt="">
      <!-- 邮箱 -->
      <h3>发送邮箱</h3>
      <input type="text" v-model="email">
      <button @click="sendMail">发送吧</button>
  </div>
</template>

<script>
// import {get_code,get_user_info} from "../../api/index"

import {_upload,_sendMail} from "../../api/index"

export default {
    data () {
        return {
            // 第三方登录
            userInfo:{},
            // 上传文件
            imgUrl:"",
            // 邮箱
            email:""
        }
    },
    async mounted () {
        // 第三方登录
        // 防止刷新
        // if(localStorage.getItem("isAbandon")==="false"){
        //     // 获取code码
        //     const code=location.search.split("=")[1]
        //     const {data}=await get_code(code)
        //     localStorage.setItem("isAbandon",data.isAbandon)
        //     localStorage.setItem("access_token",data.access_token)
        // }
        // // 获取到所有的用户信息
        // const {data}=await get_user_info(localStorage.getItem("access_token"))
        // this.userInfo=data.data
    },
    methods: {
        // 点击上传图片
        async uploadAvatar(){
            // 获取元素 利用ref  获取到图片的信息
            const file=this.$refs.picture.files[0]
            // formdata  把文件信息追加到formdata中
            const formData=new FormData()
            formData.append("files",file)
            const {data}=await _upload(formData)
            console.log(data);
            this.imgUrl=data.imgUrl
        },
        // 发送邮箱
        async sendMail(){
            const {data}=await _sendMail(this.email)
            console.log(data);
        }
    }
}
</script>

<style>

</style>